<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<div id="food-informationView"
	style="border: 1px solid black; width: 810px; height: 212px;">
	<form>
		<div style="height: 2px; width: auto;"></div>
		<div style="border: 1px solid black; float: left; width: 140px; height: 140px; margin-left: 15px;">
		<c:forEach var="foodfile" items="${foodfile}">
			<img src="/burpee/food/${foodfile.addfileRealName }" border="0" style="width:139px; height:139px">
		
		
		</c:forEach>
		</div>
		<div>
			<div style="width: 370px; height: 20px; margin-left: 165px;">${food.foodName }</div>
			<div style="width: 370px; height: 40px; margin-left: 165px;">
				<div style="width: 20%; height: 50%; float: left;">칼로리</div>
				<div style="width: 20%; height: 50%; float: left;">탄수화물</div>
				<div style="width: 20%; height: 50%; float: left;">단백질</div>
				<div style="width: 20%; height: 50%; float: left;">지방</div>
				<div style="float: inherit; width: 80%; height: 3px;"></div>
				<div style="width: 20%; height: 50%; float: left;">${food.foodCalorie }Kcal</div>
				<div style="width: 20%; height: 50%; float: left;">${food.foodCarbohydrate }g</div>
				<div style="width: 20%; height: 50%; float: left;">${food.foodProtein }g</div>
				<div style="width: 20%; height: 50%; float: left;">${food.foodFat }g</div>
			</div>
			<div style="float: inherit; height: 10px;"></div>
			<div style="width: 370px; height: 40px; margin-left: 165px;">
				<div style="width: 20%; height: 50%; float: left;">나트륨</div>
				<div style="width: 20%; height: 50%; float: left;">식이섬유</div>
				<div style="width: 30%; height: 50%; float: left;">콜레스테롤</div>
				<div style="float: inherit; width: 80%; height: 3px;"></div>
				<div style="width: 20%; height: 50%; float: left;">${food.foodNatrium }g</div>
				<div style="width: 20%; height: 50%; float: left;">${food.foodCelluloseFiber }g</div>
				<div style="width: 30%; height: 50%; float: left;">${food.foodCholesterol }g</div>
			</div>
		</div>
		<div style="float: inherit;"></div>

	</form>
</div>
